<template>
    <div>
        <el-form class="inline-form" :model="searchParams" label-width="80px" label-position='top'>
            <el-form-item label="模版名称">
                <el-input v-model="searchParams.name" placeholder="请输入模版名称"></el-input>
            </el-form-item>
            <el-form-item label="创建日期" class="long-item">
                <el-date-picker v-model="searchParams.value1" type="daterange" range-separator="至" start-placeholder="开始日期"
                    end-placeholder="结束日期">
                </el-date-picker>
            </el-form-item>
            <el-form-item label="模版主题">
                <el-select v-model="searchParams.region" placeholder="请选择">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="选择频度">
                <el-select v-model="searchParams.region" placeholder="请选择">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item class="btn-item">
                <el-button type="primary">查询</el-button>
            </el-form-item>
        </el-form>
        <div class="btn-content-line">
            <el-button @click='addTemp'>创建模版</el-button>
        </div>
        <table-page>
            <el-table-column prop="date" label="模板主题" width="120" show-overflow-tooltip>
            </el-table-column>
            <el-table-column prop="address" label="模板名称" width="150" show-overflow-tooltip>
            </el-table-column>
            <el-table-column prop="address" label="创建人" min-width="120">
            </el-table-column>
            <el-table-column prop="name" label="创建日期" width="120">
            </el-table-column>
            <el-table-column prop="name" label="修改人" width="150">
            </el-table-column>
            <el-table-column prop="address" label="修改时间" width="150">
            </el-table-column>
            <el-table-column prop="name" label="频度" width="100">
            </el-table-column>
            <el-table-column prop="name" label="操作" width="180">
            </el-table-column>
        </table-page>
    </div>
</template>
<script>
    export default {
        name: '',
        data() {
            return {
                cityList: [{
                    value: 'New York',
                    label: 'New York'
                }, ],
                searchParams: {

                },

            }
        },
        methods: {

            addTemp() {

            }
        }
    }

</script>

<style lang="less" scoped>

</style>
